*{
    margin: 0;
    padding: 0;
}
body{
    font: 14px 'Open Sans', sans-serif;
	width:100%;
	margin: 0 auto;
  
}
header, nav{
    display: block;
}

.enlaces{font-weight:bold; text-decoration:none; color:#F15A24;}
.enlaces:hover{
	text-decoration:underline;
}

/* Definimos un ancho 100% y una altura fija para nuestro menú */
header{
    height:100px;
    position: relative;
    width: 80%;
    z-index: 2;
	margin:0 auto;
	top:20px;
  margin-bottom: 100px;
	
}



#cookies{
	background:#000;
	padding:12px;
	padding-left:16%;
	color:white;
	 box-shadow: 15px -10px 3px #000;
   -webkit-box-shadow: 15px -10px 3px #000;
   -moz-box-shadow: 15px -10px 3px #000;
}

#btnCookie{
	margin-left:10px;
}

/* El logo */


#logoimage{
	width:240px; 
	height:110px;
	margin-top:0px;
	margin-left:190px;
	float:left;
}

#logoimage a{
	width:20%;
}

/* Fin logo*/


		
/* Content */
#content{
    width: 80%;
    margin: 60px 10%;
    text-align: center;
    overflow: hidden;
}
    h2{
        font-size: 50px;
        font-weight: 600;
        text-transform: uppercase;
        color: #624c3f;
    }

/*------------------SLIDER-------------------*/	
	
#slideshow{
	width:98%;
	background-color:#1f1f1f;
	    -moz-background-size: cover;
    -webkit-background-size: cover;
    background-size: cover;
	margin-top:-3%;
	z-index:-100;
	padding:10px;
}


.html_carousel {
	width:1200px;
	border-radius:25px;
	margin:0 auto;
	margin-left:16%;
	
}
.html_carousel div.slide {
	position: relative;
}


.rslides {
  position: relative;
  list-style: none;
  overflow: hidden;
  width: 100%;
  padding: 0;
  margin: 0 auto;
  height:auto;
  z-index:1;
  }

.rslides li {
  -webkit-backface-visibility: hidden;
  position: absolute;
  display: none;
  width: 100%;
  left: 0;
  top: 0;
  }

.rslides li:first-child {
  position: relative;
  display: block;
  float: left;
  }

.rslides img {
  display: block;
  height: auto;
  float: left;
  width: 100%;
  border: 0;
  }
  
  .clearfix {
	float: none;
	clear: both;
}
/* ------------------FIN SLIDER----------------- */

/*-------------TEXTOS-------------*/

#texto{
	width:1200px;
	margin: 0 auto;
	margin-left:20%;
}

.grupo_disweb, .grupo_tienda, .grupo_mantenimiento, .grupo_seosem, .grupo_disgrafico, .grupo_hosting{
	margin-top:4%;
	width:330px;
	float:left;
	margin-bottom:2%;
	margin-right:2%;
	
}

.grupo_disweb img, .grupo_tienda img, .grupo_mantenimiento img, .grupo_seosem img, .grupo_disgrafico img, .grupo_hosting img{
	float:left;
	display:block;
	width:80px;
	-webkit-box-shadow: 0 2px 1px #c3c3c3;
    -moz-box-shadow: 0 2px 1px #c3c3c3;
    box-shadow: 0 2px 1px #c3c3c3;
	border-radius:15px 15px 15px 15px;
	opacity:0.7;
	filter: alpha(opacity=70);
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=75);
	-webkit-transition: opacity 0.2s ease-in-out;
	-moz-transition: opacity 0.2s ease-in-out;
	-o-transition: opacity 0.2s ease-in-out;
	-ms-transition: opacity 0.2s ease-in-out;
	transition: opacity 0.2s ease-in-out;
	
	behavior: url(pie/PIE.htc);
	
}



.grupo_disweb h3, .grupo_tienda h3, .grupo_mantenimiento h3, .grupo_seosem h3, .grupo_disgrafico h3, .grupo_hosting h3{
	font-family:Cookie, Arial, Helvetica, sans-serif;
	font-size:24px;
	font-weight:bold;
	margin-top:5%;
	margin-left:100px;
	color:#F15A24;
	margin-bottom:10%;
	text-shadow: 0 1px 1px #dadada;
	opacity:0.8;
	
	margin-right:20px;
}

.grupo_disweb a, .grupo_tienda a, .grupo_mantenimiento a, .grupo_seosem a, .grupo_disgrafico a, .grupo_hosting a{
	text-decoration:none;
	
}

.grupo_disweb a:hover img, .grupo_tienda a:hover img, .grupo_mantenimiento a:hover img, .grupo_seosem a:hover img, .grupo_disgrafico a:hover img, .grupo_hosting a:hover img{
	opacity:1;
	filter: alpha(opacity=100);
}

.grupo_disweb a:hover h3, .grupo_tienda a:hover h3, .grupo_mantenimiento a:hover h3, .grupo_seosem a:hover h3, .grupo_disgrafico a:hover h3, .grupo_hosting a:hover h3{
	opacity:1;
	filter: alpha(opacity=100);
}

.grupo_disweb p, .grupo_tienda p, .grupo_mantenimiento p, .grupo_seosem p, .grupo_disgrafico p, .grupo_hosting p{
	padding-top:4%;
	text-indent: 25px; 
	font-family:Lato, Arial, Helvetica, sans-serif;
	line-height:140%;
	text-align: justify;
}

.grupo_disweb p a, .grupo_tienda p a, .grupo_mantenimiento p a, .grupo_seosem p a, .grupo_disgrafico p a, .grupo_hosting p a{
	color:#F15A24;
	text-decoration:none;
}

/*-------------FIN TEXTOS-------------*/


.presupuesto{
	background:#F15A24;
	width:1050px;
	height:100px;
	margin:0 auto;
	margin-top:2%;
	margin-bottom:3%;
	margin-left:20%;
		-webkit-box-shadow: 0 2px 1px #c3c3c3;
    -moz-box-shadow: 0 2px 1px #c3c3c3;
    box-shadow: 0 2px 1px #c3c3c3;
	border-radius:15px;
	
}

.pres_txt{
	
	width:65%;
	float:left;
	color:#fff;
	padding:10px;
	margin-top:1%;
	margin-left:2%;
}

.pres_txt h3{
	font-size:20px;
	font-weight:bold;
}

.pres_txt h4{
		
}

.solicitar{
transition: background 0.5s;
	-webkit-transition: background 0.3s;
	-moz-transition: background 0.3s;
	-o-transition: background 0.3s;
	width:100px;
	height:20px;
	float:right;
	background:#2e2e2e;
	margin-top:3%;
	padding:10px;
	margin-right:3%;
	font-size:20px;
	-webkit-box-shadow: 0 2px 1px #010101;
    -moz-box-shadow: 0 2px 1px #010101;
    box-shadow: 0 2px 1px #010101;
	border-radius:15px;
	
}

.solicitar a{
	color:#fff;
}

.solicitar:hover > a:hover{
	color:#F15A24;
	transition: color 0.5s;
	-webkit-transition: color 0.5s;
	-moz-transition: color 0.5s;
	-o-transition: color 0.5s;
	
}


.solicitar:hover{
	background:white;
	-webkit-box-shadow: 0 2px 1px #c3c3c3;
    -moz-box-shadow: 0 2px 1px #c3c3c3;
    box-shadow: 0 2px 1px #c3c3c3;
}

.solicitar:active{
	-webkit-box-shadow: none ;
    -moz-box-shadow: none ;
    box-shadow: none ;
	margin-top:3.1%;
}

/*----FRANJA TITULO----*/

.titulo{
	width:100%;
	background:#1f1f1f;
	margin-top:-3%;
}

.titulo h1{
	color:#F15A24;
	font-size:40px;
	padding:30px;
	margin-left:19%;
}

/*----FIN FRANJA TITULO----*/

/*------PAGINA SEO-------*/

#contenido{

  height: auto;
  width: 80%;
  margin:0 auto;
  margin-top: 50px;
  margin-bottom:50px;
  

}

#linea{

  width: 100%;
  margin-left: auto;
  margin-right: auto;
  margin-top: -40px;
  float:left;

}

#linea img{

  width: 100%;

}

#seotitle, #semtitle{
  width:100%;
  height: 100px;

}

#seotitle{
	margin-left:2%;
}

#semtitle{
	margin-left:-2%;
}

#seotitle h3, #semtitle h3{

	font-family:Cookie, Arial, Helvetica, sans-serif;
	font-size:24px;
	font-weight:bold;
  padding-top:1%;
  color:#F15A24;
  text-shadow: 0 1px 1px #dadada;
  margin-right:20px;
  margin-left:100px;   
   
}

#semtitle img, #seotitle img{

  width:80px;
	-webkit-box-shadow: 0 2px 1px #c3c3c3;
    -moz-box-shadow: 0 2px 1px #c3c3c3;
    box-shadow: 0 2px 1px #c3c3c3;
	border-radius:15px 15px 15px 15px;
  opacity:0.7;
}

#semtitle h3, #semtitle img{
     float:right;

}


#seotitle img{

  float:left;

}

#cont{
	width:1050px;
	height: 250px;
	margin:0 auto;
	margin-left:13%;
}

#nostext{
	width:690px;
	margin-top:-50px;
	text-align:justify;
	margin-bottom:50px;
	/*margin-left:-50px;*/
}

#cookietext{
	width:850px;
	margin-top:-50px;
	text-align:justify;
	margin-bottom:50px;
	/*margin-left:-50px;*/
}

#cookietext ul{
	list-style:disc;
	margin-left:2%;
}

#cookietext h3{
	font-size:18px;
	margin-bottom:10px;
}

#servtext{
	width:690px;
	margin-top:-50px;
	text-align:justify;
	margin-bottom:-50px;
}

#hostext{
	width:690px;
	margin-top:-50px;
	text-align:justify;
	margin-bottom:-50px;
}

#tiendatext, #mantext, #graftext, #seosemtext{
	width:690px;
	margin-top:-50px;
	text-align:justify;
	margin-bottom:-50px;
}



#semtext, #seotext{

  width:60%;
  text-indent: 40px;
  text-align:justify;

}

#semtext{

  float: right;

}



#seotext, #nostext, #servtext, #tiendatext, #mantext, #graftext, #hostext, #seosemtext, #cookietext{

  float: left;

}


#semimg, #seoimg, #servimg, #tiendaimg, #manimg,  #seosemimg{
  
  width: 300px;
  margin-left:10px;margin-top:-50px;
}
#grafimg{
	width:230px;
	margin-right:35px;margin-top:-50px;
}
#servimg{margin-top:60px;}

#hosimg, #nosimg, #contacimg{
	width: 300px;
  margin-left:10px;margin-top:-10px;
}

/*#semimg img, #seoimg img, #nosimg img, #tiendaimg img, #manimg img, #grafimg img, #hosimg img, #seosemimg img{
	width: 80%;
}

#servimg img{width:90%;}

#seoimg img, #nosimg img, #servimg img, #tiendaimg img, #manimg img, #grafimg img, #hosimg img, #seosemimg img{
	margin-left:60px;
}*/

#seosemimg{margin-top:30px;}

.imgmov{
	display:none;
	float:left;
	width:150px;
	height:100px;
	padding-right:2%;
}

#seoimg, #nosimg, #servimg, #tiendaimg, #manimg, #grafimg, #hosimg, #seosemimg{

  float: right;
 

}
/*------FIN PAGINA SEO-------*/

/*------PIE-------*/
	
footer{
	width:100%;
	background-color:#2e2e2e;
	bottom:0px;
}

.wrapper{
	
	height:250px;
	width:1200px;
	margin:0 auto;
	margin-left:20%;
}

.mapa, .servicio, .contacto{
	margin: 0 auto;
	color:#D3D3D3;
	float:left;
	font-size:14px;
	margin-top:20px;
	margin-left:10%;
}
/*.mapa{margin-left:10%;}
.servicio{
	margin-left:5%;
}

.contacto{
	margin-left:40%;
}*/
.mapa ul li, .servicio ul li, .contacto ul li{
	margin-top:15px;
}

.mapa ul a, .servicio ul a{
	color:#808080;
	text-decoration:none;
	font-weight:600;
	
}

.mapa ul a:hover, .servicio ul a:hover{
	text-decoration:underline;
	color:white;
}


.mapa h3, .servicio h3, .contacto h3{
	text-decoration:none;
	font-size:18px;
	font-weight:100;
	margin-bottom:10px;
}


/*.contacto{
background:green;
	color:#D3D3D3;
	margin-right:14%;
	
	margin-top:20px;
}*/

.contacto ul li{
	font-weight:bold;
	color:#808080;
}




#logopie{
	width:110px;
	height:60px;
	margin: 0px;
}

.icon{
	width:32px;
	margin:15px 0 2px 2%;
	opacity:0.80;
}

.icon:hover{
	opacity:1;
}
/*---------- FIN PIE -------------*/

/*---------- SUB PIE -------------*/
#subfooter{
	background:#000;
	width:100%;
}

.contact{
	width:1200px;
	height:60px;
	margin:0 auto;
	margin-left:15%;
}

.social{
	float:right;
	width:120px;
	margin-right:13%;
	color:#f38094;
	
}

.aviso{
	float:left;
	color:#fff;
	margin-left:10%;
	margin-top:2%;
}
/*----------- FIN SUB PIE ------------*/






















